.my {
  .myinfo {
    width: 100%;
    height: 280px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #333;
    padding: 0 30px;
    box-sizing: border-box;
    .img {
      height: 148px;
      width: 148px;
      border-radius: 50%;
    }
    div {
      margin-left: 30px;
      p {
        color: #fff;
        font-size: 30px;
        margin-bottom: 10px;
      }
      p:nth-child(2) {
        font-size: 28px;
      }
    }
  }
  .iconlist {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    flex-wrap: wrap;
    div {
      width: 33.33%;
      padding: 50px 0;
      text-align: center;
      border-right: 1px solid rgba(0, 0, 0, 0.15);
      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
      box-sizing: border-box;
      flex-direction: row;
      justify-content: center;
      span {
        display: block;
      }
      span:nth-child(1) {
        margin-bottom: 10px;
      }
    }
    div:nth-child(3n + 3) {
      border-right: none;
    }
    div:nth-last-child(1) {
      border-bottom: none;
    }
    div:nth-last-child(2) {
      border-bottom: none;
    }
  }
}
